import React from 'react';
import { Link } from 'react-router-dom';
import ZIndex from '@/components/ZIndex';
import LogoSiteWhite from '@/assets/images/logo_site_white.png';

import styles from './style.scss';

const BottomDownload = ({ bottom }) => (
  <div className={styles.container}>
    <ZIndex className={styles.wrapper} style={{ bottom: `${bottom}px` }}>
      <img className={styles.logo} src={LogoSiteWhite} />
      <div className={styles.textWrapper}>
        <div className={styles.label}>下载鑫球直播APP</div>
        <div className={styles.summary}>免费看直播、查数据，下载鑫球就够了</div>
      </div>
      <Link className={styles.button} to="/download">下载APP</Link>
    </ZIndex>
  </div>
);

BottomDownload.defaultProps = {
  bottom: 0,
};

export default BottomDownload;
